@charset "utf-8";

#tabs{
	width: 10.0rem;
	height: 20.0rem;
	background: #f0f0f0;
}

.tab{
	width: 10.0rem;
	height: 1.2rem;
	background: #fff;
}

.tab li{
	width: 5.0rem;
	height: 1.2rem;
	text-align: center;
	line-height: 1.2rem;
	float: left;
	font-size: 16px;
}

[data-dpr="2"] .tab li{
	font-size: 34px;
}

[data-dpr="3"] .tab li{
	font-size: 56px;
}

.cur{
	border-bottom: 0.1067rem solid #256cd3;
}

.page{
	display: none;
	width: 10.0rem;
	height: auto;
	margin-top: 0.1333rem;
	overflow: hidden;
}

.on{
	display: block;
}

.introduce{
	width: 9.2rem;
	height: 3.2rem;
	margin: 0.4rem auto 0;
	position: relative;
	background: #fff;
	display: block;
}

.introduce img{
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	left: 0.6667rem;
	top: 0.4rem;
}

.introduce-detail{
	width: 5.2667rem;
	height: 3.2rem;
	position: absolute;
	right: 0.32rem;
}

.i-name{
	padding-top: 1.0rem;
}

.i-name span{
	font-size: 26px;
	font-weight: bold;
	color: #353434;
}

[data-dpr="2"] .i-name span{
	font-size: 38px;
}

[data-dpr="3"] .i-name span{
	font-size: 82px;
}

.i-name strong{
	color: #ff3232;
	font-size: 20px;
	padding-left: 0.36rem;
}

[data-dpr="2"] .i-name strong{
	font-size: 34px;
}

[data-dpr="3"] .i-name strong{
	font-size: 62px;
}

.i-position{
	padding-top: 0.1667rem;
	color: #5b5b5b;
}

[data-dpr="2"] .i-position{
	padding-top: 0.2667rem;
	color: #5b5b5b;
}

.introduce-detail div{
	padding-top: 0.1867rem;
	margin-left: 3.36rem;
	color: #616262;
	text-decoration: none;
}

[data-dpr="2"] .introduce-detail div{
	padding-top: 0.2867rem;
	margin-left: 3.36rem;
	color: #616262;
	text-decoration: none;
}

.subscribe{
	width: 9.2rem;
	border-top: 1px solid #ccc;
	margin:0 auto 0.4rem;
	background: #fff;
}

.subscribe span{
	display: block;
	font-size: 14px;
	padding: 0.32rem;
}

[data-dpr="2"] .subscribe span{
	font-size: 28px
}

[data-dpr="3"] .subscribe span{
	font-size: 56px
}

.subscribe p{
	padding-left: 0.32rem;
	padding-right: 0.32rem;
	padding-bottom: 0.32rem;
	font-size: 16px;
	color: #8c8c8c
}

[data-dpr="2"] .subscribe p{
	font-size: 30px
}

[data-dpr="3"] .subscribe p{
	font-size: 54px
}


.examination{
	width: 9.2rem;
	height: 1.08rem;
	background: #256cd3;
	text-align: center;
	line-height: 1.08rem;
	color: #fff;
	font-size: 18px;
	margin: 0 auto;
	display: block;
}

[data-dpr="2"] .examination{
	font-size: 34px;
}

[data-dpr="3"] .examination{
	font-size: 62px;
}

.exam{
	width: 9.2rem;
	height: 1.08rem;
	background: #fff;
	text-align: center;
	line-height: 1.08rem;
	color: #256cd3;
	font-size: 18px;
	margin: 0.4rem auto;
	display: block;
}

[data-dpr="2"] .exam{
	font-size: 34px;
}

[data-dpr="3"] .exam{
	font-size: 62px;
}

.tips{
	width: 4.68rem;
	height: 1.24rem;
	margin: 0.88rem auto;
	text-align: center;
	font-size: 12px;
}

[data-dpr="2"] .tips{
	font-size: 26px;
}

[data-dpr="3"] .tips{
	font-size: 42px;
}


